<template>
  <el-dialog
    append-to-body
    :visible.sync="visible"
    :before-close="beforeClose"
    width="800"
    title="禁入查询"
    :close-on-click-modal="false"
  >
    <table class="table table-bordered text-center table-vertical-middle">
      <thead>
        <tr>
          <th>查询名称</th>
          <th width="50%">网址</th>
          <th width="120px">操作</th>
        </tr>
      </thead>
      <tr v-for="(p, index) of tableData" :key="index">
        <td>{{ p.name }}</td>
        <td>{{ p.url }}</td>
        <td>
          <a :href="p.url" target="_blank" class="btn btn-primary">查询跳转</a>
        </td>
      </tr>
    </table>
  </el-dialog>
</template>

<script>
export default {
  components: {},
  props: {
    visible: Boolean,
  },
  data() {
    return {
      tableData: [
        { name: '中国执行信息公开网', url: 'http://zxgk.court.gov.cn/' },
        { name: '国家企业信用信息公示系统', url: 'http://www.gsxt.gov.cn/index.html' },
        { name: '信用中国', url: 'https://www.creditchina.gov.cn/' },
        {
          name: '贵州欠税企业查询',
          url: 'https://etax.guizhou.chinatax.gov.cn/tycx-cjpt-web/view/sscx/gzcx/qsqycx/qsqycx.jsp',
        },
        {
          name: '发票流向查询',
          url: 'https://etax.guizhou.chinatax.gov.cn/tycx-cjpt-web/gzcx/fplxcx/showPage.do',
        },
        { name: '天眼查', url: 'https://www.tianyancha.com/' },
        { name: '企查查', url: 'https://www.qcc.com/' },
        {
          name: '中国裁判文书网',
          url: 'http://wenshu.court.gov.cn/website/wenshu/181029CR4M5A62CH/index.html',
        },
      ],
    }
  },
  computed: {},
  watch: {},
  mounted() {},
  created() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped>
.table-vertical-middle td {
  vertical-align: middle;
}
</style>
